<template>
  <div class="form-control">
    <el-form :model="stage" label-width="auto">

      <el-form-item label="阶段名称">
        <el-input
            v-model.trim="stage.name"
            type="text"
            placeholder="请输入阶段名称"/>
      </el-form-item>


    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      stage: {
		    id:null,//阶段id
        name: null,	//阶段名称
        update_time: null, //修改时间
      }
    }
  },
  created() {
    window.$bus.on("update-stage", this.saveStage);
	// 根据 ID 查数据
	let id = this.$route.query.id
	// 在数据加载的时候,调用接口,完成数据的加载
	this.$api.get_update_Stage(id).then(ret=>{
			  //数据加载成功
			this.stage.id=ret[0].id;
			this.stage.name=ret[0].name;
	})
  },
  methods: {
    saveStage(index) {
      // 保存阶段名称
	  if (this.stage.name===""){
		  this.$layer.msg("阶段名不能为空")
		  return;
	  }
    // 设置当前系统时间为 update_time
    //   this.stage.update_time = new Date();

	  // 调用接口,完成班级的修改
	  this.$api.SetUpdateStage(this.stage).then(ret=>{
		  // 向 父页面 消息总线 发送 close-win 关闭窗口事件、通知父页面 关闭弹框
		  // 父页面 监听 close-win , 并关闭该窗口 刷新
		  parent.$bus.emit('close-win-refresh', index);
	  })
    }
  }
}
</script>

<style scoped>
.form-control {
  padding: 30px 30px 10px;
}
</style>